export const componentRoutes = [
  {
    path: '',
    name: 'component-overview',
    component: () => import('@/views/ComponentPage.vue'),
    meta: {
      inMenu: true,
      title: '组件总览',
    },
  },
  {
    path: '/button',
    name: 'button',
    component: () => import('@/views/ButtonPage.vue'),
    meta: {
      inMenu: true,
      title: '按钮Button',
    },
  },
  {
    path: '/container',
    name: 'container',
    component: () => import('@/views/ContainerPage.vue'),
    meta: {
      inMenu: true,
      title: '布局Container',
    },
  },
  {
    path: '/grid',
    name: 'grid',
    component: () => import('@/views/GridPage.vue'),
    meta: {
      inMenu: true,
      title: '栅栏Grid',
    },
  },
  {
    path: '/input',
    name: 'input',
    component: () => import('@/views/InputPage.vue'),
    meta: {
      inMenu: true,
      title: '输入框Input',
    },
  },
  {
    path: '/menu',
    name: 'menu',
    component: () => import('@/views/MenuPage.vue'),
    meta: {
      inMenu: true,
      title: '菜单Menu',
    },
  },
  {
    path: '/skeleton',
    name: 'skeleton',
    component: () => import('@/views/SkeletonPage.vue'),
    meta: {
      inMenu: true,
      title: '骨架屏Skeleton',
    },
  },
  {
    path: '/splitpanel',
    name: 'split-panel',
    component: () => import('@/views/SplitPanePage.vue'),
    meta: {
      inMenu: true,
      title: '分隔面板Splitpanel',
    },
  },
  {
    path: '/checkbox',
    name: 'checkbox',
    component: () => import('@/views/CheckboxPage.vue'),
    meta: {
      inMenu: true,
      title: '复选框Checkbox',
    },
  },
  {
    path: '/radio',
    name: 'radio',
    component: () => import('@/views/RadioPage.vue'),
    meta: {
      inMenu: true,
      title: '单选框Radio',
    },
  },
  {
    path: '/modal',
    name: 'modal',
    component: () => import('@/views/ModalPage.vue'),
    meta: {
      inMenu: true,
      title: '弹窗Modal',
    },
  },
  {
    path: '/starry-sky',
    name: 'starry-sky',
    component: () => import('@/views/StarrySkyPage.vue'),
    meta: {
      inMenu: true,
      title: '星空',
    },
  },
  {
    path: '/side-in',
    name: 'side-in',
    component: () => import('@/views/SmoothInPage.vue'),
    meta: {
      inMenu: true,
      title: '平滑指令',
    },
  },
  {
    path: '/carousel',
    name: 'carousel',
    component: () => import('@/views/CarouselPage.vue'),
    meta: {
      inMenu: true,
      title: '轮播图Carousel',
    },
  },
  {
    path: '/context-menu',
    name: 'context-menu',
    component: () => import('@/views/ContextMenuPage.vue'),
    meta: {
      inMenu: true,
      title: '右键菜单ContextMenu',
    },
  },
  {
    path: '/message',
    name: 'message',
    component: () => import('@/views/MessagePage.vue'),
    meta: {
      inMenu: true,
      title: '消息提示Message',
    },
  },
  {
    path: '/rate',
    name: 'rate',
    component: () => import('@/views/RatePage.vue'),
    meta: {
      inMenu: true,
      title: '评分Rate',
    },
  },
  {
    path: '/switch',
    name: 'switch',
    component: () => import('@/views/SwitchPage.vue'),
    meta: {
      inMenu: true,
      title: '开关Switch',
    },
  },
  {
    path: '/card',
    name: 'card',
    component: () => import('@/views/CardPage.vue'),
    meta: {
      inMenu: true,
      title: '卡片Card',
    },
  },
  {
    path: '/form',
    name: 'form',
    component: () => import('@/views/FormPage.vue'),
    meta: {
      inMenu: true,
      title: '表单Form',
    },
  },
  {
    path: '/tooltip',
    name: 'tooltip',
    component: () => import('@/views/TooltipPage.vue'),
    meta: {
      inMenu: true,
      title: '提示Tooltip',
    },
  },
  {
    path: '/typography',
    name: 'typography',
    component: () => import('@/views/TypographyPage.vue'),
    meta: {
      inMenu: true,
      title: '排版Typography',
    },
  },
  {
    path: '/statistic',
    name: 'statistic',
    component: () => import('@/views/StatisticPage.vue'),
    meta: {
      inMenu: true,
      title: '统计Statistic',
    },
  },
  {
    path: '/diagram',
    name: 'diagram',
    component: () => import('@/views/DiagramPage.vue'),
    meta: {
      inMenu: true,
      title: '图表Diagram',
    },
  },
  {
    path: '/grid-animation',
    name: 'grid-animation',
    component: () => import('@/views/_GridAnimation.vue'),
    meta: {
      inMenu: true,
      title: '栅栏动画',
    },
  },
  {
    path: '/color-picker',
    name: 'color-picker',
    component: () => import('@/views/_ColorPickerPage.vue'),
    meta: {
      inMenu: true,
      title: '颜色选择器ColorPicker',
    },
  },
  {
    path: '/particle',
    name: 'particle',
    component: () => import('@/views/ParticlePage.vue'),
    meta: {
      inMenu: true,
      title: '微粒Particle',
    },
  },
]
